<template>
  <div class="page page-chat-index p-5">

    <iframe :src="url" style="width: 100%; height: 100%; min-height: 700px" frameborder="0" allow="microphone">
    </iframe>



  </div>
</template>

<script setup>
let route = useRoute()

let url = ref('')
watch(() => route.query.url, (newPath) => {
  console.log("%c Line:18 🥃 newPath", "color:#ffdd4d", newPath);
  url.value = decodeURIComponent(newPath)
}, {
  immediate: true
})
definePageMeta({ auth: false });
</script>
<style lang="scss">
.page-chat-index {
  .tabs {
    @apply bg-white flex px-10 py-4;

    .tab {
      @apply mx-8 px-4 py-2 cursor-pointer;
      border-radius: 19px;


      &.active {

        background: #D8E2FD;
      }
    }
  }

  .appscon {
    .appscon-hd {
      @apply py-2;
    }

    .appscon-bd {

      .app {
        font-size: 16px;

        @apply flex mx-2 items-center px-4 py-2 bg-white rounded-lg shadow-md;
      }
    }

  }

}
</style>